/* 渲染轮播图 */
function renderbanner() {
    // 通过axios向服务器发送请求,然后获取数据,然后再渲染页面
    axios({
        url: "http://localhost:8080/api/banner/queryall"
    })
    .then(res => {
        const wrapper = document.querySelector(".swiper-wrapper")
        // console.log(res.data);
        if (res.data.code == 200) {
            res.data.msg.forEach(item => {
                let str = `
                    <img src="${item.burl}" alt="">
                `
                wrapper.innerHTML += `<div class="swiper-slide">${str}</div>`
            })
        }
        // 重新渲染一次轮播图
        swiper();
    })
}
renderbanner();

/* 渲染班级信息 */
function renderclazz(){
    const subject = document.querySelector(".subject")
    axios({
        url:"http://localhost:8080/api/clazz/queryall",
    })
    .then(res=>{
        if(res.data.code == 200){
            res.data.msg.slice(0,8).forEach(item => {
                let str = `
                <p>
                    <img src="./img/subject.png" alt="">
                    <span>${item.cname}</span>
                </p>
                `
                subject.innerHTML += str;
            })
        }
    })
}
renderclazz();


/* 渲染学生信息 */
function renderstudent(){
    const student = document.querySelector(".student")
    axios({
        url:"http://localhost:8080/api/student/queryall"
    })
    .then(res=>{
        if(res.data.code == 200){
            res.data.msg.forEach(item=>{
                let str = `
                <div>
                    <p>
                        <img data-src="${item.url}" class="lazyload">
                    </p>
                    <p>姓名:${item.sname}</p>
                    <p>性别:${item.gender}</p>
                    <p>邮箱:${item.email.slice(0,7)}...</p>
                </div>
                `
                student.innerHTML += str;
            })
        }
    })
}
renderstudent()